<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test</title>
</head>
<link rel="stylesheet" href="src/css/normalizeV5.0.css"/>
<link rel="stylesheet" href="src/css/main.css"/>
<body>
    <header>
        <!-- 顶部灰色条 -->
        <div class="header-grey">
            <div class="header-list">
                <div class="left-header">
                    <ul>
                        <li>亲，请登录</li>
                        <li>免费注册</li>
                        <li>手机逛淘宝</li>
                    </ul>
                </div>
                <div class="right-header">
                    <ul class="right-first">
                        <li class="right-first-list">
                            我的淘宝
                            <ul class="right-second">
                                <li>已买到的宝贝</li>
                                <li>我的足迹</li>
                            </ul>
                        </li>
                        <li class="right-first-list">
                            购物车
                        </li>
                        <li class="right-first-list">
                            收藏夹
                            <ul class="right-second">
                                <li>收藏的宝贝</li>
                                <li>收藏的店铺</li>
                            </ul>
                        </li>
                        <li class="right-first-list">
                            商品分类
                        </li>
                        <li class="right-first-list">
                            卖家中心
                            <ul class="right-second">
                                <li>免费开店</li>
                                <li>已卖出的宝贝</li>
                                <li>出售中的宝贝</li>
                                <li>卖家服务市场</li>
                                <li>卖家培训中心</li>
                                <li>体检中心</li>
                            </ul>
                        </li>
                        <li class="right-first-list">
                            联系客服
                            <ul class="right-second">
                                <li>消费者客服</li>
                                <li>卖家客服</li>
                            </ul>
                        </li>
                        <li class="right-first-list">
                            网站导航
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 灰色条结束 -->

        <!-- 中部内容 -->
        <div class="header-middle">
            <div class="logo header-middle-content">
               <a href="#"></a>
            </div>
            <div class="middle-content header-middle-content">
                <div class="middle-search-content">
                    <div class="search-header">
                        <span>宝贝</span><span>天猫</span><span>店铺</span>
                    </div>
                    <div class="search-content">
                        <div class="search-main">
                            <input class="search" type="text"><span class="search-button">搜索</span>
                        </div>
                        <div class="high-level-search">
                            <span>高级<br/>搜索</span>
                        </div>
                        <div class="hot-search">
                            <span>新款连衣裙</span><span>四件套</span><span>潮流T恤</span><span>时尚女鞋</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="QRcode header-middle-content">
                <span>手机淘宝</span>
                <img src="src/img/QRcode.png"/>
            </div>
        </div>
    </header>
    <div class="body-container">
        <div class="body-left-nav">
            <ul class="body-left-list-content">
                <li class="body-left-list-title">主题市场</li>
                <li class="body-left-list-list">女装/男装/内衣<span>></span></li>
                <li class="body-left-list-list">鞋靴/箱包/配件<span>></span></li>
                <li class="body-left-list-list">童装玩具/孕产<span>></span></li>
                <li class="body-left-list-list">家电/数码/手机<span>></span></li>
                <li class="body-left-list-list">美妆/洗护/保健品<span>></span></li>
                <li class="body-left-list-list">珠宝/眼镜/手表<span>></span></li>
                <li class="body-left-list-list">运动/户外/乐器<span>></span></li>
                <li class="body-left-list-list">游戏/动漫/影视<span>></span></li>
                <li class="body-left-list-list">美食/生鲜/零食<span>></span></li>
                <li class="body-left-list-list">鲜花/宠物/农资<span>></span></li>
                <li class="body-left-list-list">房产/装修/建材<span>></span></li>
                <li class="body-left-list-list">家具/家饰/家纺<span>></span></li>
                <li class="body-left-list-list">汽车/二手车/用品<span>></span></li>
                <li class="body-left-list-list">办公/DIY/五金电子<span>></span></li>
                <li class="body-left-list-list">百货/餐厨/家庭保健<span>></span></li>
                <li class="body-left-list-list">学习/卡券/本地服务<span>></span></li>
            </ul>
        </div>
        <div class="body-middle-nav">
            <div class="body-middle-picshow-content">
                <div class="body-middle-picshow">
                    <img src="src/img/TB1hxodPXXXXXaMXXXXXXXXXXXX-520-280.jpg"/>
                </div>
            </div>
        </div>
    </div>
<script src="src/js/main.js"></script>
</body>
</html>